<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="/common/common.jspf"%>
<style type="text/css">
.headImg{
	height:5em;
	width:5em;
	border-radius:50%;
	overflow:hidden;
}
</style>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="span12">
				<div class="tabbable" id="tabs-214253">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#panel-1" data-toggle="tab">活动信息</a>
						</li>
						<li><a href="#panel-2" data-toggle="tab">报名人员</a></li>
					</ul>
					<div class="tab-content">
						<div class="tab-pane active" id="panel-1">
							<div class="panel-body">
								<c:if test="${party.qrCode!=null }">
									<div class="form-group">
										<div class="col-sm-3">
											<label class="control-label"><img src="${party.qrCode}" width="100px"/></label>
										</div>
									</div>
								</c:if>
								<div class="form-group">
									<div class="col-sm-3">
										<span>活动类型:</span>
										<label class="control-label">${party.type }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>活动主题:</span>
										<label class="control-label">${party.subject }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>预计规模:</span>
										<label class="control-label">${party.expectPerson }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>联系人:</span>
										<label class="control-label">${party.contact }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>联系方式:</span>
										<label class="control-label">${party.phone}</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>注意事项:</span>
										<label class="control-label">${party.notice }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>参与对象:</span>
										<label class="control-label">${party.attendTarget }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>活动详情:</span>
										<label class="control-label">${party.description }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>活动地址:</span>
										<label class="control-label">${party.province }&nbsp;${party.city }&nbsp;${party.area }&nbsp;${party.street }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>活动详细地址:</span>
										<label class="control-label">${party.address }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>开始时间:</span>
										<label class="control-label"><fmt:formatDate
												value="${party.startTime }" pattern="yyyy-MM-dd HH:mm" /></label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>结束时间:</span>
										<label class="control-label"><fmt:formatDate
												value="${party.endTime }" pattern="yyyy-MM-dd HH:mm" /></label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>机构名称:</span>
										<label class="control-label">${party.orgInfoId }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>发起人:</span>
										<label class="control-label">${party.openid }</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>活动图片:</span>
										<label class="control-label"><c:if test="${party.partyImage!=null }"><a href="${ctx}/upload/party/${party.partyImage}" target="_blank">点开查看 </a></c:if>
											<c:if test="${party.partyImage==null }">无图片</c:if>
										</label>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-3">
										<span>活动介绍:</span>
										<label class="control-label">${party.detail}</label>
									</div>
								</div>
							</div>
						</div>
						
						<div class="tab-pane" id="panel-2">
							<div class="panel-body">
									<div id="paging" class="pagclass"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
var id=${party.id};
$(function() {
	grid = lyGrid({
		pagId : 'paging',
		l_column : [{
			colkey : "nickName",
			name : "用户头像",
			renderData : function(rowindex,data, rowdata, column) {
				return "<img title='"+data+"' src='" +　rowdata.headImgUrl +　"' class='headImg'>";
			}
		},{
			colkey : "nickName",
			name : "报名用户",
			renderData : function(rowindex,data, rowdata, column) {
				return "<span title='"+data+"'>"+data+"</span>";
			}
		},{
			colkey : "name",
			name : "用户姓名",
			renderData : function(rowindex,data, rowdata, column) {
				return "<span title='"+data+"'>"+data+"</span>";
			}
		},{
			colkey : "mobile",
			name : "手机号",
			renderData : function(rowindex,data, rowdata, column) {
				return "<span title='"+data+"'>"+data+"</span>";
			}
		},{
			colkey : "createTime",
			name : "报名时间",
			renderData : function(rowindex,data, rowdata, column) {
				return "<span title='"+new Date(data).format("yyyy-MM-dd hh:mm")+"'>"+new Date(data).format("yyyy-MM-dd hh:mm")+"</span>";
			}
		}],
		jsonUrl : rootPath + '/party/findPartySign.shtml?id='+id,
		checkbox : false
	});
});
</script>
</html>